$(function() {
    // 鼠标经过显示删除按钮
    $(content_img).on('mouseover', '.content-img-list-item', function() {
        $(this).children('div').removeClass('hide');
    });
    // 鼠标离开隐藏删除按钮
    $(content_img).on('mouseleave', '.content-img-list-item', function() {
        $(this).children('div').addClass('hide');
    });
    // 单个图片删除
    $(content_img).on("click", '.content-img-list-item a .glyphicon-trash', function() {
        var index = $(this).parent().parent().parent().index();
        imgSrc.splice(index, 1);
        imgFile.splice(index, 1);
        imgName.splice(index, 1);
        var boxId = content_img;
        addNewContent(boxId);
        // $(content_img).children("li").length
        if (imgSrc.length < 9) { //显示上传按钮
            $('.content-img .file').show();
        }
    });

    // $(content_img).on("click", content_imgitem a .glyphicon-zoom-in', function() {
    //     var index = $(this).parent().parent().parent().index();
    //     $(".modal-content").html("");
    //
    //     var bigimg = $(".modal-content").html();
    //     $(".modal-content").html(bigimg + '<div class="show"><img src="' + imgSrc[index] + '" alt=""><div>');
    //     // $(".modal-content").append(
    //     //     '<div class="show"><img src="' + imgSrc[a] + '" alt=""><div>'
    //     // );
    //
    //
    //
    // });

});
// //图片上传
// $('.upload').on('change', function(e) {
//     var imgSize = this.files[0].size;
//     if (imgSize > 1024 * 2048) { //1M
//         return alert("上传图片不能超过2MB");
//     };
//     if (this.files[0].type !== 'image/png' && this.files[0].type !== 'image/jpeg' && this.files[0].type !== 'image/jpg' &&
//         this.files[0].type !== 'image/gif') {
//         return alert("图片上传格式不正确");
//     }
//
//     var imgBox = content_img;
//     var fileList = this.files;
//     for (var i = 0; i < fileList.length; i++) {
//         var imgSrcI = getObjectURL(fileList[i]);
//         imgName.push(fileList[i].name);
//         imgSrc.push(imgSrcI);
//         imgFile.push(fileList[i]);
//     }
//     addNewContent(imgBox);
//     this.value = null; //上传相同图片
// });

//提交请求
// $('#btn-submit-upload').on('click', function() {
//     // FormData上传图片
//     var formFile = new FormData();
//     // formFile.append("type", type);
//     // formFile.append("content", content);
//     // formFile.append("mobile", mobile);
//     // 遍历图片imgFile添加到formFile里面
//     $.each(imgFile, function(i, file) {
//         formFile.append('myFile[]', file);
//     });
//     //    $.ajax({
//     //        url: '',
//     //        type: 'POST',
//     //        data: formFile,
//     //        async: true,
//     //        cache: false,
//     //        contentType: false,
//     //        processData: false,
//     //        // traditional:true,
//     //        dataType:'json',
//     //        success: function(res) {
//     //            console.log(res);
//     //            if(res.code==0){
//     //                alert("已提交")
//     //    //             $("#adviceContent").val("");
//     // 			// $("#contact").val("");
//     //            }else{
//     //                alert(res.message);
//     //                $('.content-img .file').show();
//     //                $("#adviceContent").val("");
//     //                $("#cotentLength").text("0/240");
//     // 			$("#contact").val("");
//     // 			imgSrc = [];imgFile = [];imgName = [];
//     // addNewContent(content_img);
//
// });
//删除
function removeImg(obj, index) {
    imgSrc.splice(index, 1);
    imgFile.splice(index, 1);
    imgName.splice(index, 1);
    var boxId = content_img;
    addNewContent(boxId);
}

//图片展示
function addNewContent(obj) {
    // console.log(imgSrc)
    $(obj).html("");
    for (var a = 0; a < imgSrc.length; a++) {
        var oldBox = $(obj).html();
        $(obj).html(oldBox + '<li class="content-img-list-item"><img src="' + imgSrc[a] + '" alt="">' +
            '<div class="hide"><a index="' + a + '" class="delete-btn"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></div></li>');
    }
    let number = $(content_img).children("li").length;
    if (number >= photo_num_type){
        $(".file").hide();
    }else {
        $(".file").show();
    }

}

// 建立可存取到file的url
function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL !== undefined) { // basic
        url = window.createObjectURL(file);
    } else if (window.URL !== undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file);
    } else if (window.webkitURL !== undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file);
    }
    return url;
}